<!DOCTYPE html>
<html ng-app="ionicApp">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>投食</title>
    <link rel="stylesheet" href="ionic-v1.3.3/css/ionic.css" />
    <script type="text/javascript" src="ionic-v1.3.3/js/ionic.bundle.min.js" ></script>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/public.js"></script>
    <link href="css/public.css" rel="stylesheet" />
    <script src="js/feed-implement.js"></script>
    <style>
    	.toggle.toggle-calm input:checked + .track {
            border-color: #E5E5E5; 
            background-color: #E5E5E5; 
        }
        .top{width:88%;margin:10px auto;height:40px;line-height:40px;}
        .auto{position:relative;right:10px;bottom:6px;}
        .right{text-align:right;}
        .time-table{background:url(img/lishijilu.png) no-repeat 0px 4px;}
        .statistics{background:url(img/jinriguiji.png) no-repeat;}
        .camera{background:url(img/yuunbuzhuo.png) no-repeat 0px 7px;}
        .health{background:url(img/health.png) no-repeat;}
        .both{width:88%;margin:15px auto;height:26px;line-height:26px;}
        .both,.time-table{background-size:26px 26px;}
        .camera{height:33px;line-height:33px;}
        .time{margin-left:35px;}
        .both span{margin-left:33px;}
        .line{border:0;border-top: 1px solid #EEEEEE;}
        .time-list{width:72%;margin:0px auto;font-size:2.2em;}
        .time-list .row{line-height:50px;height:50px;padding:0px;}
        .col{padding:0px;}
        .thick-line{margin-top:15px;border:0;border-top: 10px solid #EEEEEE;}
        .value{font-size:3em;font-weight:600;text-align:center;}
        .statistics-value,.appetite{text-align:center;}
        .statistics-value .col+.col{border-left:1px solid #ABABAB;}
        .appetite{color:#4A6A8B;padding-top:20px;}
        .appetite .col{padding-top:20px;}
        .doctor{width:38px;height:38px;}
        .health-condition{height:40px;line-height:52px;}
        .health-condition div{float:left;}
        .condition{text-align:center;width:30%;font-size:2em;color:#1BCF96;}
        .lose-weight{margin-left:15px;color:#B4B4B4;}
    </style>
</head>
<body ng-controller="MyCtrl">
    <ion-header-bar class="header" align-title="center">
		    <div class="back-padiv" onClick="back()">   
		      <img class="back" src="img/back.png" />  
		    </div>  
		    <ion-title class="my-title head">投食</ion-title>  
	</ion-header-bar>
    
    <ion-content class="content">
    	<div class="row top">
    		<div class="col time-table"><span class="time">时间表</span></div>
    		<div class="col right">
    			<span class="auto">自动</span>
    			<label class="toggle toggle-calm">
                        <input type="checkbox" checked="">
                    <div class="track">
                        <div class="handle"></div>
                    </div>
                </label>
    		</div>
    	</div>
    	<div class="time-list">
    		<div class="row">
            	<div class="col col-name">6:00</div>
            	<div class="col right">6g</div>
        	</div>
        	<div class="line"></div>
        	<div class="row">
            	<div class="col col-name">12:00</div>
            	<div class="col right">7g</div>
        	</div>
        	<div class="line"></div>
        	<div class="row">
            	<div class="col col-name">18:00</div>
            	<div class="col right">8g</div>
        	</div>
        	<div class="line"></div>
        	<div class="row">
            	<div class="col col-name">20:00</div>
            	<div class="col right">9g</div>
        	</div>
        	<div class="line"></div>
    	</div>
    	<div class="thick-line"></div>
    	<div class="both statistics"><span>统计</span></div>
    	<div class="row statistics-value">
    		<div class="col"><span class="value">5</span>g</div>
    		<div class="col"><span class="value">19</span>g</div>
    		<div class="col"><span class="value">19</span>卡</div>
    		<div class="col"><span class="value">30</span>g</div>
    	</div>
    	<div class="row appetite">
    		<div class="col">今日食量</div>
    		<div class="col">该月食量</div>
    		<div class="col">该月运动量</div>
    		<div class="col">体重</div>
    	</div>
    	<div class="thick-line"></div>
    	<div class="row both camera" onclick="redirect()">
    		<div class="col"><span>云摄像捕捉</span></div>
    		<div class="col right"><i class="icon ion-chevron-right"></i></div>
    	</div>
    	<div class="thick-line"></div>
    	<div class="both health"><span>健康状况</span></div>
    	<div class="health-condition">
    		<div class="condition">健康</div>
    		<div class=""><img class="doctor" src="img/yishneng.png"/></div>
    		<div class="lose-weight">:狗子该减肥了</div>
    	</div>
    </ico-content>
    
</body>
</html>